<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>index01</title>
  </head>
  <body>
    <svg
      id="mysvg"
      xmlns="http://www.w3.org/2000/svg"
      viewBox="0 0 800 600"
      preserveAspectRatio="xMidYMid meet"
    >
      <circle id="myCircle" cx="400" cy="300" r="50"></circle>
    </svg>

    <img src="circle.svg" />
    <object id="object" data="circle.svg" type="image/svg+xml"></object>
    <embed id="embed" src="circle.svg" type="image/svg+xml" />
    <iframe id="iframe" src="circle.svg"></iframe>
  </body>
</html>
